﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="{:ADDON_PUBLIC_PATH}/css/weui.css"/>
		<link rel="stylesheet" type="text/css" href="{:ADDON_PUBLIC_PATH}/css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="{:ADDON_PUBLIC_PATH}/css/iconfont.css"/>
		<title>活动</title>
		<style type="text/css">
			body{
				background: #FFFFFF;
			}
			.li{
				display: block;
				width: 15%;
				height: 110px;
				border-right: 1px solid #ACACAC;
			}
			.re{
				position: relative;
				left: -33px;
			}
			.weui-media-box {
    			padding: 0px;
    		}
    		.mytop{
    			width: 100%;
    		}
    		.weui-media-box_appmsg .weui-media-box__hd {
    			margin-right: 0em;
    		}
    		.mytop img{
    			width: 100%;
    			height: 185px;
    		}
    		div.pad{
    			padding-top: 0.3em;
    			padding-bottom: 0.3em;
    		}
    		
    		.weui-media-box__title{
    			line-height: 21px;
    		}
    		.hong{
    			color: #A63A62;
    		}
		</style>
	</head>
	<body>
		<div class="mytop">
			<div class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
				    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{:ADDON_PUBLIC_PATH}/images/swiper-1.jpg" /></a></div>
				    <div class="mui-slider-item"><a href="#"><img src="{:ADDON_PUBLIC_PATH}/images/swiper-2.jpg" /></a></div>
				    <div class="mui-slider-item"><a href="#"><img src="{:ADDON_PUBLIC_PATH}/images/swiper-3.jpg" /></a></div>
				    <div class="mui-slider-item"><a href="#"><img src="{:ADDON_PUBLIC_PATH}/images/swiper-1.jpg" /></a></div>
				    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{:ADDON_PUBLIC_PATH}/images/swiper-2.jpg" /></a></div>
				</div>
				<div class="mui-slider-indicator">
				    <div class="mui-indicator mui-active"></div>
				    <div class="mui-indicator"></div>
				    <div class="mui-indicator"></div>
				</div>
			</div>
			<!--<img src="img/top-bg.jpg"/>-->			
		</div>
		<div class="weui-panel__bd">
				<div class="weui-panel__hd">我们的活动</div>
				
               <!--  <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                	<span class="li"></span>
                    <div class="weui-media-box__hd pad">
                        <span class="iconfont icon-huodong1 re"></span>
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title" style="font-size: 16px;">活动标题</h4>
                        <div class="weui-media-box__title" style="font-size: 14px; color: #999999;padding-bottom: 0.3em; padding-top: 0.3em">1活动详情活动详情活动详情活动详情活动详情活动详情活动详情活动详情</div>
                        <p class="weui-media-box__desc" >
                        	<b class="dianj">
                        		
                        	</b>
                        	<span style="float: right; padding-right: 10px;">2017年20月32日</span>
                        </p>
                    </div>
                </a> -->
  				<volist name="data" id="val">
					<a href="{:U('studInfo',array('aid'=>$val['id']))}" class="weui-media-box weui-media-box_appmsg">
                	<span class="li"></span>
                    <div class="weui-media-box__hd">
						<span class="iconfont icon-huodong1 re "></span>
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title" style="font-size: 16px;">{$val['actname']}</h4>
                        <h3 class="weui-media-box__title" style="font-size: 14px; color: #999999;">{$val['actjian']}</h3>
                        
                        <p class="weui-media-box__desc" >
                        	<b class="dianj">
                        		<!--<span class="iconfont icon-zan1 yes" style="margin-right: 10px;">121</span>
                        		<span class="iconfont icon-biaoqing_xinsui no">22</span>-->
                        	</b>
                        	<span style="float: right; padding-right: 10px;">开始时间:{:date('Y-m-d',$val['start_time'])}</span>
                        </p>
                    </div>
                </a>
				</volist>
        </div>
		<div class="weui-footer" style="margin-top: 75px;">
		  <p class="weui-footer__links">
		    <a href="javascript:void(0);" class="weui-footer__link">微生活工作室</a>
		  </p>
		  <p class="weui-footer__text">Copyright © 20016-2017</p>
		</div>
		
		
	</body>
	<script src="{:ADDON_PUBLIC_PATH}/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="{:ADDON_PUBLIC_PATH}/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
				var gallery = mui('.mui-slider');
				gallery.slider({
				  interval:3000//自动轮播周期，若为0则不自动播放，默认为0；
				});
			var gallery = mui('.mui-slider');
				gallery.slider().gotoItem(1);
			$(function(){
				$('b.dianj .yes').click(function(){
					var zhen = $(this).siblings().hasClass('hong');
					if(!zhen){
						$(this).addClass('hong');
						var num1 = parseInt($(this).html())+1;
						$(this).text(num1);
						$(this).unbind('click');
					}
				});
				$('b.dianj .no').click(function(){
					var zhen = $(this).siblings().hasClass('hong');
					if(!zhen){
						$(this).addClass('hong');
						var num1 = parseInt($(this).html())+1;
						$(this).text(num1);
						$(this).unbind('click');
					}
				});
				$('.weui-panel__bd').on('click','a', function(){
					
					$(this).children().children('div').removeClass('weui-media-box__title');
					$(this).siblings().children().children('div').addClass('weui-media-box__title');
				});
				
			});
	</script>
</html>
